/*
 * FANCY-FORM 0.1.0
 * Author: Andrea Trentin
 * http://code.google.com/p/fancy-form/
 */


/*
 * ############# RESET ###############
 */
fieldset.fancy ol, li, div, p, legend, fieldset, span, label {
	margin:					0;
	padding:				0;
	border:					0;
	font-weight:			inherit;
	font-style:				inherit;
	font-size:				100%;
	font-family:			inherit;
	vertical-align:			baseline;
}

fieldset.fancy textarea {
	margin:					0;
	padding:				0;
	height:					5em;
	width:					10em;
}

fieldset.fancy input {
	margin:					0;
	padding:				0;
	width:					10em;
}
/*
 * ############# /RESET ###############
 */


/*
 * ############# ALL ###############
 */
.debug {
	background:				url(img/debug.png) repeat;

}

fieldset.fancy {
	width:					100%;
	line-height:			1.5;
	display:				block;
}

fieldset.fancy legend {
	margin-left: 			1em;
    color: 					#000;
    font-weight: 			bold;
}

fieldset.fancy.submit legend {
	display:				none;
}

fieldset.fancy input[type=checkbox] {
	margin:					0;
	padding:				0;
	width:					1em;
}

fieldset.fancy input[type=radio] {
	margin:					0;
	padding:				0;
	width:					1em;
}
/*
 * ############# /ALL ###############
 */


/*
 * ############# TOP ###############
 */
fieldset.fancy.top {
	margin:					0 0 1.5em 0;	
	border:					1px solid black;
}

fieldset.fancy.top label {
	display:				block;
}

fieldset.fancy.top input, select {
	width:					10em;
}

fieldset.fancy.top input[type=checkbox] {
	width:					1em;
}

fieldset.fancy.top input[type=radio] {
	width:					1em;
}

fieldset.fancy.top ol {
	padding:				1em 0 0 1.5em;
	list-style:				none;
}

fieldset.fancy.top li {
	margin:					0;
	padding:				0;
	margin-bottom:			1em;
	clear:					left;	
}

fieldset.fancy.top ol.inline {
	margin:					0;
	padding:				0;
}

fieldset.fancy.top ol.inline li {
	margin:					0;
	padding:				0;
	margin-bottom:			1em;
	float:					left;
	clear:					none;
	width:					auto;
}

fieldset.fancy.top ol.inline li.inline {
	margin:					0;
	padding:				0;
	padding-left:			5em;
}

fieldset.fancy.top.submit {
	margin:					1.5em 0 0 0;
	padding:				0;
	clear:					both;
	float: 					none;  
	width: 					auto;  
	border: 				0 none #FFF;  
	padding-left: 			1.5em;
}

fieldset.fancy.top span.extra {
	padding-left: 			0.1em;	
	position: 				relative;
	font-size: 				0.7em; 
	color: 					gray;
}

fieldset.fancy.top ol.inline li.radiocheck {
	width:					4em;
}

fieldset.fancy.top ol.inline li.radiocheck.inline {
	padding-left:			3em;
}
/*
 * ############# /TOP ###############
 */


/*
 * ############# RIGHT ###############
 */
fieldset.fancy.right {
	margin: 				0 0 1.5em 0;
	border: 				1px solid black;
}
			            
fieldset.fancy.right ol {
	padding: 				1em 1em 0 1em;
	list-style: 			none;
}
            
fieldset.fancy.right li {
     padding-bottom: 		1em;
	 clear:					left;
}
            
fieldset.fancy.right label {  
	float: 					left;  
	width: 					8em;
	margin-right:			1em;  
	text-align: 			right;
}
			
fieldset.fancy.right.submit {
	margin:					1.5em 0 0 0;
	padding:				0;
	clear:					both;
	float: 					none;  
	width: 					auto;  
	border: 				0 none #FFF;  
	padding-left: 			10em;
}

fieldset.fancy.right span.extra {
	padding-left: 			0.1em;	
	position: 				absolute;
	line-height: 			3em;
	font-size: 				0.7em; 
	color: 					gray;
}
/*
 * ############# /RIGHT ###############
 */


/*
 * ############# LEFT ###############
 */
fieldset.fancy.left {
	width: 					100%;
	margin: 				0 0 1.5em 0;
	border: 				1px solid black;
}
            
fieldset.fancy.left ol {
	padding: 				1em 1em 0 1em;
	list-style: 			none;
}
            
fieldset.fancy.left li {
	float: 					left;
	clear: 					left;
	width: 					100%;
	padding-bottom: 		1em;
}
						
fieldset.fancy.left label {
	float: 					left;
	width: 					6em;
	margin-right:			1em;
}
								
fieldset.fancy.left.submit {
	float: 					none;
	width: 					auto;
	border: 				0 none #FFF;
	padding-left: 			8em;
}

fieldset.fancy.left span.extra {
	padding-left: 			0.1em;	
	position: 				absolute;
	line-height: 			3em;
	font-size: 				0.7em; 
	color: 					gray;
}

fieldset.fancy.left ol.inline li label.radiocheck {
	margin-left:			1em;
}
/*
 * ############# /LEFT ###############
 */


/*
 * ############# INLINE RIGHT ###############
 */
fieldset.fancy.right ol.inline {
	margin:					0;
	padding:				0;
	padding-bottom:			1em;
	float:					left;
}

fieldset.fancy.right ol.inline li {
	margin: 				0;
	padding: 				0;
	float: 					left;
	clear: 					none;
	width:					auto;
}

fieldset.fancy.right ol.inline li span {
	float: 					left;  
	width: 					15em;
	margin-right:			1em;  
	text-align: 			left;
}
/*
 * ############# /INLINE RIGHT ###############
 */


/*
 * ############# INLINE LEFT ###############
 */
fieldset.fancy.left ol.inline {
	margin:					0;
	padding:				0;
}

fieldset.fancy.left ol.inline li {
	margin: 				0;
	padding: 				0;
	float: 					left;
	clear: 					none;
	width:					auto;
}
			
fieldset.fancy.left ol.inline li span {
	float:					left; 
	width:					15em;
	margin-right: 			1em;
}

fieldset.fancy.left label.inline {
	margin-left: 			7em;
}
/*
 * ############# /INLINE LEFT ###############
 */